.slider-box {
    display: block;
    width: 100%;
    height: 150px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.slider-box .slider-item {
    display: display;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    z-index: 0;
}
.slider-box .slider-state {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 25px;
    left: 0px;
    bottom: 0px;
    text-align: center;
}
.slider-box .slider-state .slider-state-item {
    color: gray;
}
.slider-box .slider-state .slider-state-item-current {
    color: #eee;
}
.slider-mask {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display:none;
}